<template>
 <div>
 	<!-- 导航栏 -->
 	<div style="border:1px solid  red;height: 60px;display: flex; background-color: aqua;">
 		<div style="flex: 1;"><h3>姓名:{{$store.state.user.name}}</h3></div>
 		<div style="flex: 1;">
 			<h3> 角色:{{$store.state.user.role}}</h3>
 		</div>	
		<div style="flex: 1; display: flex;">
			<div><h3>图片:</h3></div>
			<div style="width: 8vw;height: 8vw; "><img 
			v-bind:src= "this.$ip+'/api/public/showing/'+this.$store.state.user.pic"
			style="width: 100%;height:100%;" 
			/></div>
			
		</div>
 		
 			<a href="/login"><button>退出</button></a>
 		
		
 	</div>
	<!-- 左边 div -->
	<div style="display: flex;justify-content: space-between;">
		<div  style="width: 100%; border: 1px solid blue;">
		<router-view></router-view>
	</div>
		</div>
	
	
	</div>
</template>

<script setup>
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
// import HelloWorld from './components/HelloWorld.vue'
import arert from "./components/Alert.vue"
</script>

<script >
	export default{
		data(){
			
		},
		computed:{
		
		},
		methods:{
			
			
		},
		mounted(){
			this.$router.push("/login");
				

		}
	}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}

/* 
#app button{
	color: yellow;
	
} */
</style>
